<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>预约挂号</title>
    <link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>

    <div class="site-name">
      <p>北京114预约挂号平台</p>
    </div>

    <div class="submit-choose-wrapper">
      <div class="submit-choose">
        <h4>选择就诊人</h4>
        <i class="aui-iconfont aui-icon-right"></i>
      </div>
    </div>

    <div class="submit-title">
      <h4>挂号信息</h4>
    </div>

    <div class="order-item-body">
<!--      <div class="order-item-row">-->
<!--        <span>就诊日期</span>-->
<!--        <p>2020年11月20日</p>-->
<!--      </div>-->
<!--      <div class="order-item-row">-->
<!--        <span>就诊医院</span>-->
<!--        <p>中国人民解放军总医院</p>-->
<!--      </div>-->
<!--      <div class="order-item-row">-->
<!--        <span>挂号科室</span>-->
<!--        <p>风湿科</p>-->
<!--      </div>-->
<!--      <div class="order-item-row">-->
<!--        <span>医生职称</span>-->
<!--        <p>医师</p>-->
<!--      </div>-->
<!--      <div class="order-item-row">-->
<!--        <span>医生专长</span>-->
<!--        <p>风湿科常见病</p>-->
<!--      </div>-->
<!--      <div class="order-item-row">-->
<!--        <span>医事服务费</span>-->
<!--        <p>50元</p>-->
<!--      </div>-->
    </div>

    <div class="submit-title">
      <h4>医院预约规则</h4>
    </div>

    <div class="submit-body">
      <p>1、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>2、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>3、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>4、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>5、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>
      <p>6、如果您居住或去过辽宁大连等中/高风险地区，请按照北京市防
      疫防控要求，接受新冠排查后再预约就诊，我院对中/高风险地区
      人群进行出入管控。挂号咨询: 010-66939343
      </p>

      <div class="login-btn">
        <a id="create" href="create.html">确认挂号</a>
      </div>
    </div>

    <div class="order-layer" style="display:none;" id="str">
      <div class="order-layer-title">
        <h4>选择就诊人</h4>
        <i class="aui-iconfont aui-icon-close order-layer-close"></i>
      </div>
      <div class="order-layer-body">
<!--        <div class="order-layer-user">-->
<!--          <div class="order-layer-info">-->
<!--            <h4>张三</h4>-->
<!--            <p>54646*****2545857</p>-->
<!--          </div>-->
<!--          <i class="aui-iconfont aui-icon-right"></i>-->
<!--        </div>-->

<!--        <div class="order-layer-user">-->
<!--          <div class="order-layer-info">-->
<!--            <h4>张三</h4>-->
<!--            <p>54646*****2545857</p>-->
<!--          </div>-->
<!--          <i class="aui-iconfont aui-icon-right"></i>-->
<!--        </div>-->
      </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/url.js"></script>
<script src="layer/layer.js"></script>
<script type="text/javascript">
  var time = location.href.split("=")[2];
  var id = location.href.split("=")[1].split("&")[0];
  $("#create").attr("href", "create.html?id="+id+"&time="+time);
$('.submit-choose').click(function () {
  layer.open({
    type: 1,
    anim: 2,
    title: false,
    closeBtn: false,
    offset: 'b',
    area: ['100%','330px'],
    shadeClose: true,
    content: $('.order-layer')
  });
    $.ajax({
        type: "post",
        url: getUrl() + "wechat114/patient/select",
        dataType:"json",
        success: function (data) {
            var peo = data.data;
            for (var p of peo){
                $(".order-layer-body").append(`
                    <div class="order-layer-user">
                      <div class="order-layer-info">
                        <h4>${p.patientName}</h4>
                        <p>${p.patientIdnumber}</p>
                      </div>
                      <i class="aui-iconfont aui-icon-right"></i>
                    </div>
                `);
            }
            $(".order-layer-body").delegate("div", "click", function () {
                var h4 = $(this).find("h4").html();
                var i = $(this).find("p").html();
                sessionStorage.setItem("careId", i);
                //alert(i);
                $(".submit-choose").find("h4").html(h4);
                $(".submit-choose").find("i").html(i);
                //$(".order-layer").css("display","none");
            })
        }
    })
})

$('.order-layer-close').click(function functionName() {
  layer.closeAll();
})
$.ajax({
  url: getUrl()+"/wechat114/doctor/getDoctorForReg",
  data:{"id": id},
  dataType:"json",
  type:"get",
  success:function (data) {
    var doc = data.data;
    $(".order-item-body").append(`
        <div class="order-item-row">
        <span>就诊日期</span>
        <p>${time}</p>
        </div>
        <div class="order-item-row">
        <span>就诊医院</span>
        <p>${doc.hospitalName}</p>
        </div>
        <div class="order-item-row">
        <span>挂号科室</span>
        <p>${doc.officesName}</p>
        </div>
        <div class="order-item-row">
        <span>医生职称</span>
        <p>${doc.doctorTitle}</p>
        </div>
        <div class="order-item-row">
        <span>医生专长</span>
        <p>${doc.doctorAbility}</p>
        </div>
        <div class="order-item-row">
        <span>医事服务费</span>
        <p>${doc.registeredPrice}元</p>
        </div>
    `);
  }
})

</script>


</html>
